export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M128 384l0 256 170.668 0L512 863.086 512 160.916 298.668 384 128 384zM704 512c0-76.798-42.666-144.814-106.666-177.726l0 353.272C661.334 656.816 704 588.8 704 512zM597.334 128l0 89.956C721.062 255.264 810.668 373.764 810.668 512c0 138.238-89.606 256.738-213.334 294.044L597.334 896C768 856.508 896 698.514 896 512 896 325.488 768 167.492 597.334 128z"></path>
            </svg>
        </span>
    )
}